<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="header.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
    <!-- 引入 echarts.js -->
    <script src="static/echarts.min.js"></script>
</head>
<body>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="width: 600px;height:400px;"></div>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
        
        function() {
        	var xArray = new Array();
			var yArray = new Array();
        	$.post("${path/user?method=selectCount}",
        			function(jsonObj){
        				$(jsonObj).each(function(){
        					xArray.push(this.name);
        					yArray.push(this.count);
        				});
        	
        	 // 指定图表的配置项和数据
        	var option = {
        	           title: {
        	               text: '部门人数统计'
        	           },
        	           tooltip: {},
        	           legend: {
        	               data:['数量']
        	           },
        	           xAxis: {
        	               data: xArray
        	           },
        	           yAxis: {},
        	           series: [{
        	               name: '数量',
        	               type: 'bar',
        	               data: yArray
        	           }]
        	       };
        	 
        				// 使用刚指定的配置项和数据显示图表。
        				myChart.setOption(option);
        		   },
        		   "json"
        	   );

    </script>
</body>
</html>